import React, { Component } from 'react'
import { TopBar, RowLineText } from '../common'
import { Icon, Button } from 'antd'

export default class CertificationSuccess extends Component {
  render() {
    return (
      <div className={`rt-cs`}>
        <TopBar title="实名认证" />
        <RowLineText />
        <div className={`rt-all-step`}>
          <div>1，证件拍照</div>
          <div>2，身份识别</div>
          <div>3，认证完成</div>
        </div>

        <div className={`rt-graph-box`}>
          <div className={`rt-circle`}></div>
          <div className={`rt-line`}></div>
          <div className={`rt-circle`}></div>
          <div className={`rt-line`}></div>
          <div className={`rt-circle`}></div>
        </div>

        <Icon type="check-circle" />

        <div className={`rt-success-msg`}>提交成功</div>
        <div className={`rt-info-msg`}>请等待工作日人员认证通过</div>

        <div className={`rt-row-box`}>
          <div>姓名</div>
          <div>如意如意</div>
        </div>

        <div className={`rt-row-box`}>
          <div>身份证号</div>
          <div>342425****4812</div>
        </div>

        <div className={`rt-btn-box`}>
          <Button>返 回</Button>
        </div>
      </div>
    )
  }
}